<!--管理员设置-->
<template>
  <!--最外层div-->
  <div class="firstdiv">
    <!--用于修改格式的次外层div-->
    <div class="lastdiv">
      <!--头部div-->
      <div class="left-title">
        <h2>{{pageTitle}}</h2>
      </div>
      <div class="title-line"></div>
        <!--样式边框-->
       <div style="margin: 20px">
         <div>
           <el-tabs v-model="activeName" type="card" @tab-click="handleClick" style="width: 100%;" stretch>
             <el-tab-pane label="全镇统计" name="first" class="tab-pane">
               <HDtablefirst></HDtablefirst>
             </el-tab-pane>
             <el-tab-pane label="镇党委" name="second" class="tab-pane"><HDtable></HDtable></el-tab-pane>
             <el-tab-pane label="一支部" name="third" class="tab-pane"><HDtable></HDtable></el-tab-pane>
             <el-tab-pane label="二支部" name="fourth" class="tab-pane"><HDtable></HDtable></el-tab-pane>
             <el-tab-pane label="三支部" name="five" class="tab-pane"><HDtable></HDtable></el-tab-pane>
             <el-tab-pane label="四支部" name="six" class="tab-pane"><HDtable></HDtable></el-tab-pane>
           </el-tabs>
         </div>
       </div>
  </div>
  </div>
</template>
<script>
  // import __ from '__' // __是需要手动引入的文件
  import HDtable from './NavBasicManagerment/HDtable.vue'
  import HDtablefirst from './NavBasicManagerment/HDtablefirst.vue'
  export default {
    name: '',
    components: {
      HDtable,HDtablefirst
    },
    data () {
      return {
        pageTitle:'活动统计'
      }
    },

    methods:{

    }

  }
</script>
<style lang="postcss" scoped>
  .firstdiv{
    background-color: #fffcfa;
    width:100%;
    height:100%;
  }
  .lastdiv{
    background-color: #fffcfa;
    padding-bottom: 10px;
  }
  .left-title{
    text-align: left;
    padding: 10PX 20PX;
  }
  .title-line{
    height:1px;
    width: 98%;
    margin: auto 1%;
    background-color: #ddd;
  }
  .tab-pane{
    padding: 40px;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
</style>
